<div class="coreWikiHelp">
<p class='vspace'>When editing content, you see the <em>markup text</em> that describes the content of the page.  The basic rules for page markup are simple:
</p><ol><li>Put a blank line between paragraphs.
</li><li>To make a list, start each line with # for numbered (ordered) lists or * for bulleted (unordered) lists.
</li><li>To make a heading, start a line with two or more ! marks; !! is a subheading, and !!! is a sub-subheading.
</li><li>To emphasize text, enclose it in 2 or 3 <em>single quotes</em>; <code class='escaped'>''text''</code> for italics or <code class='escaped'>'''text'''</code> for bold.
</li><li>To make a link to another site, type its address, such as <a class='urllink' href='#' rel='nofollow'>http://www.example.com/</a> .
</li></ol><p class='vspace'><strong>If you want to experiment with editing a page, try it on the <a class='wikilink' href='#' onclick="OS.launchWindow('core', 'WikiSandbox')">WikiSandbox</a>.</strong>
</p>
<div class='vspace'></div><h2>Examples</h2>
<p>The table below demonstrates many of the common markups used to format pages.  
The left column shows the effect of the markup, the right column shows what to 
write to achieve the effect.  More details are available from the 
<a class='wikilink' href='#' onclick="OS.getWindowInstance(this).getManager().displayArticle('textFormattingRules')">Text Formatting Rules</a> 
and other documentation pages. An <strong>exhaustive list</strong> of default 
markup is available as the <a class='wikilink' href='#' onclick="OS.getWindowInstance(this).getManager().displayArticle('markupMasterIndex')">Markup Master Index</a>
</p>
<div class='vspace'></div><h3>General Usage</h3>
<table border='1' cellspacing='0' cellpadding='2' ><tr><td  valign='top'>
<p  style='text-align: center;'> <strong>What it looks like</strong>
</p></td><td  valign='top'>
<p  style='text-align: center;'> <strong>What to type</strong>
</p></td></tr><tr><td  valign='top'>
<p>An empty line
</p>
<p class='vspace'>starts a new paragraph.
</p></td><td  valign='top'> <pre class='escaped'>
An empty line

starts a new paragraph.
</pre>
</td></tr><tr><td  valign='top'>
<p>A single newline
usually doesn't affect the layout.  
Use two backslashes<br />to break a line.
</p></td><td  valign='top'> <pre class='escaped'>
A single newline
usually doesn't affect the layout.  
Use two backslashes\\\\
to break a line.
</pre>
</td></tr><tr><td  valign='top'>
<p>A single backslash joins the next line to the previous one.
</p></td><td  valign='top'>
<pre class='escaped'>
A single backslash \\
joins the next line \\
to the previous one.
</pre>
</td></tr><tr><td  valign='top'>
<p>Use three backslashes<br /><br />for two line breaks.
</p></td><td  valign='top'> <pre class='escaped'>
Use three backslashes\\\\\\
for two line breaks.
</pre>
</td></tr><tr><td  valign='top'>
<ul><li>Lists are created by using asterisks
<ul><li>More asterisks produce deeper lists
<ul><li>The list is terminated
</li></ul></li></ul></li></ul><p>by the first line that is not a list
</p>
<div class='vspace'></div><ol><li>Numbered lists
</li><li>are also possible
<ul><li>and lists can nest
</li></ul></li></ol></td><td  valign='top'> <pre class='escaped'>
* Lists are created by using asterisks
** More asterisks produce deeper lists
*** The list is terminated
by the first line that is not a list

# Numbered lists
# are also possible
** and lists can nest</pre>
</td></tr><tr><td  valign='top'>
<div class='indent'>An arrow (-&gt;) indents content.
<div class='vspace'></div>Line up text to continue the indent.
<div class='vspace'></div><div class='indent'>Longer arrows (--&gt;) indent further.
</div></div><div class='vspace'></div><div class='outdent'>A reverse arrow (-&lt;) creates a hanging indent, the first line is outdented and remaining lines are indented.
<div class='outdent'>Longer reverse arrows indent further.
</div></div></td><td  valign='top'> <pre class='escaped'>
-&gt; An arrow (-&gt;) indents content.

   Line up text to continue the indent.

--&gt;Longer arrows (--&gt;) indent further.

-&lt;A reverse arrow (-&lt;) creates a \\
hanging indent, the first line \\
is outdented and remaining lines \\
are indented.
--&lt; Longer reverse arrows indent \\
further.
</pre>
</td></tr><tr><td  valign='top'>
<dl><dt> Definition list </dt><dd> list of definitions
</dd><dt> item </dt><dd> the item's definition
</dd><dt> another item </dt><dd> that item's definition
</dd></dl></td><td  valign='top'> <pre class='escaped'>
: Definition list : list of definitions
: item : the item's definition
: another item : that item's definition
</pre>
</td></tr><tr><td  valign='top'>
<pre> Lines that begin with
 a space are formatted exactly
 as typed, in a fixed-width font.
</pre><p class='vspace'>Note that very long lines of preformatted text
can cause the whole page to be wide.
</p></td><td  valign='top'> <pre class='escaped'>
 Lines that begin with
 a space are formatted exactly
 as typed, in a fixed-width font.</pre>
</td></tr><tr><td  valign='top'>
<p  style='text-align: center;'> This text is centered.
</p>
<p class='vspace'  style='text-align: right;'> This text is right justified.
</p></td><td  valign='top'> <pre class='escaped'>
%center% This text is centered.

%right% This text is right justified.</pre>
</td></tr><tr><td  valign='top'>
<p>Four or more dashes
at the beginning of a line
</p><hr />
<p>produce a horizontal line.
</p></td><td  valign='top'> <pre class='escaped'>
Four or more dashes
at the beginning of a line
----
produce a horizontal line.
</pre>
</td></tr></table>
<div class='vspace'></div><h3>Links</h3>
<table border='1' cellspacing='0' cellpadding='2' ><tr><td  valign='top'>
<p>Links to external sources can be entered
</p><ol><li>bare url:  <a class='urllink' href='http://google.com' rel='nofollow'>http://google.com</a>
</li><li>link text: <a class='urllink' href='http://google.com' rel='nofollow'>Google</a>
</li><li>as reference: <a class='urllink' href='http://google.com' rel='nofollow'>[1]</a>
</li></ol></td><td  valign='top'> <pre class='escaped'>
Links to external sources can be entered
# bare url:  http://google.com
# link text: [[http://google.com | Google]]
# as reference: [[http://google.com |#]]
</pre>
<div class='vspace'></div></td></tr><tr><td  valign='top'>
<p>Links can open in another window,
as in  <a target='_blank'  class='urllink' href='http://www.pmwiki.org' rel='nofollow'>http://www.pmwiki.org</a>.
</p></td><td  valign='top'> <pre class='escaped'>
Links can open in another window,
as in %newwin% http://www.pmwiki.org.
</pre>
</td></tr></table>
<div class='vspace'></div><h3>Character formatting</h3>
<table border='1' cellspacing='0' cellpadding='2' ><tr><td  valign='top'>
<p><em>Emphasize</em>, <strong>strongly</strong>, 
<strong><em>very strongly</em></strong>.
</p>
<div class='vspace'></div><ul><li>These are all apostrophes (single-quote marks), not double-quotes.
</li></ul></td><td  valign='top'> <pre class='escaped'>
''Emphasize'', '''strongly''', 
'''''very strongly'''''. </pre>
<div class='vspace'></div></td></tr><tr><td  valign='top'>
<p><code>Monospaced text</code>
</p>
<div class='vspace'></div><pre class='escaped'>This is a
  preformatted
    text block</pre>
</td><td  valign='top'> <pre class='escaped'>
@@Monospaced text@@ </pre>
<pre> 
[@This is a
  preformatted
    text block@]
</pre></td></tr><tr><td  valign='top'>
<ul><li>Text with <sup>superscripts</sup>
</li><li>Text with <sub>subscripts</sub>
</li><li>deleted <del>strikethrough</del> text
</li><li>inserted <ins>underline</ins> text
</li><li><span style='font-size:120%'>big</span>, <span style='font-size:144%'>bigger</span> text
</li><li><span style='font-size:83%'>small</span>, <span style='font-size:69%'>smaller</span> text
</li></ul></td><td  valign='top'> <pre class='escaped'>
* Text with '^superscripts^'
* Text with '_subscripts_'
* deleted {-strikethrough-} text
* inserted {+underline+} text
* [+big+], [++bigger++] text
* [-small-], [--smaller--] text
</pre>
<tr><td  valign='top'>
<p><a class='wikilink' href='#' onclick="OS.getWindowInstance(this).getManager().displayArticle('wikiStyles')">WikiStyles</a> allow <span  style='color: red;'> text</span>
<span  style='color: blue;'> to </span><span  style='color: green;'> be in </span>
<span  style='color: #ff7f00;'> different </span>colors.
</p>
<div class='vspace'></div><ul><li>Use lowercase letters for RGB colors (#ff7f00, not #FF7F00).
</li></ul></td><td  valign='top'> <pre class='escaped'>
[[WikiStyles]] allow %red% text
%blue% to %green% be in 
%color=#ff7f00% different %%colors.
</pre>
</td></tr></table>
<div class='vspace'></div><h3>Headings and blocks</h3>
<table border='1' cellspacing='0' cellpadding='2' ><tr><td  valign='top'>
<h2>Major Subheading</h2>
<h2><span style='font-size:83%'>Major Subheading With Smaller Text</span></h2>
<h3>Minor Subheading</h3>
<h4>And More</h4>
<h5>Subheadings</h5>
<ul><li>Headings are useful for creating a "well-structured" page.
They're not just for making big text.
</li></ul></td><td  valign='top'> <pre class='escaped'>
!! Major Subheading
!! [-Major Subheading With Smaller Text-]
!!! Minor Subheading
!!!! And More
!!!!! Subheadings
</pre>
</td></tr><tr><td  valign='top'>
<div class='outdent'><strong>Block styles</strong>
</div><div  style='color: purple;' > 
<p>All of the text in this block
is purple.
</p><ul><li>Purple cows and purple flowers
</li><li>Purple people eater
</li></ul></div><div  style='color: red;' > 
<ul><li>Now this list is red
</li></ul></div><div  style='text-align: center;' > 
<ul><li>and this text is centered
</li></ul></div><div  style='text-align: right;' > 
<ul><li>and this text is right justified
</li></ul></div>
<ul><li>And this is normal
</li></ul></td><td  valign='top'> <pre class='escaped'>
&gt;&gt;purple&lt;&lt;
All of the text in this block
is purple.
* Purple cows and purple flowers
* Purple people eater
&gt;&gt;red&lt;&lt;
* Now this list is red
&gt;&gt;center&lt;&lt;
* and this text is centered
&gt;&gt;right&lt;&lt;
* and this text is right justified
&gt;&gt;&lt;&lt;
* And this is normal</pre>
</td></tr></table>
</div>
